.customer-list-index {
  display: flex;
  flex-direction: column;
  width: 100%;

  .customer-list-head {
    width: 100%;
    height: 44PX;
    background-color: #409EFF;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;

    .customer-list-title {
      font-size: 18PX;
      color: #FFFFFF;
    }

    .contact-service {
      position: absolute;
      right: 18PX;
      width: 24PX;
      height: 24PX;
    }

    .back-page {
      position: absolute;
      left: 18PX;
      width: 24PX;
      height: 24PX;
    }
  }

  .customer-list-type {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    background-color: #FFFFFF;
    height: 30PX;

    .type-title {
      font-size: 12PX;
      color: #999999;
      display: flex;
      align-items: center;
      width: auto;
      height: 100%;
    }

    .type-active {
      color: #57B5FE;
      border-bottom: 2Px solid #57B5FE;
    }
  }

  .customer-list-body {
    width: 100%;
    margin-top: 10PX;
    display: flex;
    flex-direction: column;
    background-color: #FFFFFF;


  }
}
